
<div ng-include=" 'app/tpl/header.html' "></div>


<div id="detail" class="container">
    <ol class="breadcrumb">
        <li class="active"><a href="#/main">首页</a></li>
        <li>详情</li>
    </ol>
    <div class="panel panel-default">
        <div class="panel">
            <!-- 大面板body-->
            <div class="panel-body">
                <div class="panel-heading panel-">
                    <h3><b>{{dishDetail.name}}</b></h3>
                </div>
                <div class="panel-body">
                    <img src="app/img/{{dishDetail.img_lg}}" alt="" class="img-responsive"/>
                </div>
                <div class="panel-footer">
                    <div>
                        <p>
                            <b>主要原料：</b>{{dishDetail.material}}
                        </p>
                        <p>{{dishDetail.detail}}</p>
                    </div>
                    <div>
                        <span class="price">￥{{dishDetail.price}}</span>
                    </div>
                </div>
            </div>
            <!-- 大面板footer-->
            <div class="panel-footer" style="overflow: hidden">
                <ul class="list-inline pull-right">
                    <li>
                        <a href="#/order/{{dishDetail.did}}" type="button" class="btn btn-success pull-right">我要订餐</a>
                    </li>
                    <li>
                        <a href="#/main}" type="button" class="btn btn-warning pull-right">我再看看</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>

</div>

<div ng-include=" 'app/tpl/footer.html' "></div>

